.login-container {
 width: 100%;
 height: calc(100% - 50px);
 display: flex;
 justify-content: center;
 align-items: center;
}
.login-dialog {
 width: 400px;
 height: 320px;
 background-color: rgba(255, 255, 255, 0.8);
 border-radius: 10px;
}
.login-dialog h3 {
 text-align: center;
 padding: 50px 0;
}
.login-dialog .row {
 width: 100%;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.login-dialog .row span {
 display: block;
 /* 设置固定宽度, 能让⽂字和后⾯的输⼊框之间有间隙 */
  width: 100px;
  font-weight: 700;
 }
 .login-dialog #username,
 .login-dialog #password {
  width: 200px;
  height: 40px;
  font-size: 20px;
  text-indent: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
 }
 .login-dialog .submit-row {
  margin-top: 10px;
 }
 .login-dialog #submit {
  width: 300px;
  height: 50px;
  color: white;
  background-color: rgb(0, 128, 0);
  border: none;
  border-radius: 10px;
  font-size: 20px;
 }
 .login-dialog #submit:active {
  background-color: #666;
 }
